<?php
/**
 * Created by PhpStorm.
 * User: 式神 (luck48.com)
 * Email: 289650682@qq.com
 * Name: ${NAME}Administrator
 * Date: 2017-04-10
 * Time: 14:43
 */
?>
@extends('template.default.layouts')
@section('main')
    <div class="container" style="margin-top:50px;">
        <div class="col-sm-8">

            <div class="upcoming-title">
                <div class="title-1">NEWS & EVENTS</div>
                <div class="title-2"></div>
                <div class="title-3"></div>
            </div>


            <ul class="upcoming-left">
                <li>
                    <div class="col-sm-6" style="padding-left: 0"><img src="{{asset('public/statics/default/img/upcoming-2.jpg')}}" style="width: 100%"/></div>

                    <div class="col-sm-6">
                        <div class="left-w1">Title of the news/events</div>
                        <div class="left-w2">Decenber.20,2016</div>

                        <div class="left-w3">This is introduction to our studens.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.</div>

                    </div>
                    <div class="clear"></div>

                </li>
                <li>
                    <div class="col-sm-6">
                        <div class="left-w1">Title of the news/events</div>
                        <div class="left-w2">Decenber.20,2016</div>

                        <div class="left-w3">This is introduction to our studens.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.</div>

                    </div>
                    <div class="col-sm-6" style="padding-left: 0"><img src="{{asset('public/statics/default/img/upcoming-2.jpg')}}" style="width: 100%"/></div>
                    <div class="clear"></div>
                </li>


                <li>
                    <div class="col-sm-6" style="padding-left: 0"><img src="{{asset('public/statics/default/img/upcoming-2.jpg')}}" style="width: 100%"/></div>

                    <div class="col-sm-6">
                        <div class="left-w1">Title of the news/events</div>
                        <div class="left-w2">Decenber.20,2016</div>

                        <div class="left-w3">This is introduction to our studens.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.</div>

                    </div>
                    <div class="clear"></div>

                </li>
                <li>
                    <div class="col-sm-6">
                        <div class="left-w1">Title of the news/events</div>
                        <div class="left-w2">Decenber.20,2016</div>

                        <div class="left-w3">This is introduction to our studens.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.</div>

                    </div>
                    <div class="col-sm-6" style="padding-left: 0"><img src="{{asset('public/statics/default/img/upcoming-2.jpg')}}" style="width: 100%"/></div>
                    <div class="clear"></div>
                </li>


                <li>
                    <div class="col-sm-6" style="padding-left: 0"><img src="{{asset('public/statics/default/img/upcoming-2.jpg')}}" style="width: 100%"/></div>

                    <div class="col-sm-6">
                        <div class="left-w1">Title of the news/events</div>
                        <div class="left-w2">Decenber.20,2016</div>

                        <div class="left-w3">This is introduction to our studens.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.</div>

                    </div>
                    <div class="clear"></div>

                </li>
                <li>
                    <div class="col-sm-6">
                        <div class="left-w1">Title of the news/events</div>
                        <div class="left-w2">Decenber.20,2016</div>

                        <div class="left-w3">This is introduction to our studens.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.</div>

                    </div>
                    <div class="col-sm-6" style="padding-left: 0"><img src="{{asset('public/statics/default/img/upcoming-2.jpg')}}" style="width: 100%"/></div>
                    <div class="clear"></div>
                </li>


                <li>
                    <div class="col-sm-6" style="padding-left: 0"><img src="{{asset('public/statics/default/img/upcoming-2.jpg')}}" style="width: 100%"/></div>

                    <div class="col-sm-6">
                        <div class="left-w1">Title of the news/events</div>
                        <div class="left-w2">Decenber.20,2016</div>

                        <div class="left-w3">This is introduction to our studens.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.</div>

                    </div>
                    <div class="clear"></div>

                </li>
                <li>
                    <div class="col-sm-6">
                        <div class="left-w1">Title of the news/events</div>
                        <div class="left-w2">Decenber.20,2016</div>

                        <div class="left-w3">This is introduction to our studens.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.</div>

                    </div>
                    <div class="col-sm-6" style="padding-left: 0"><img src="{{asset('public/statics/default/img/upcoming-2.jpg')}}" style="width: 100%"/></div>
                    <div class="clear"></div>
                </li>

                <li>
                    <div class="col-sm-6" style="padding-left: 0"><img src="{{asset('public/statics/default/img/upcoming-2.jpg')}}" style="width: 100%"/></div>

                    <div class="col-sm-6">
                        <div class="left-w1">Title of the news/events</div>
                        <div class="left-w2">Decenber.20,2016</div>

                        <div class="left-w3">This is introduction to our studens.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.</div>

                    </div>
                    <div class="clear"></div>

                </li>
                <li>
                    <div class="col-sm-6">
                        <div class="left-w1">Title of the news/events</div>
                        <div class="left-w2">Decenber.20,2016</div>

                        <div class="left-w3">This is introduction to our studens.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.This is intro.</div>

                    </div>
                    <div class="col-sm-6" style="padding-left: 0"><img src="{{asset('public/statics/default/img/upcoming-2.jpg')}}" style="width: 100%"/></div>
                    <div class="clear"></div>
                </li>

            </ul>

        </div>

        <div class="col-sm-4 upcoming-right">

            <div style="margin-top:30px;">
                <img src="{{asset('public/statics/default/img/upcoming-1.jpg')}}" style="width:100%"/>
            </div>

            <div class="upcoming-right-title">
                <div class="title-1">UPCOMING EVENTS</div>
                <div class="title-2"></div>
                <div class="title-3"></div>
            </div>


            <ul class="upcoming-right-content">
                <li>
                    <div class="upcoming-right-w1">Decenber.20,2016</div>
                    <div class="upcoming-right-w2">Basketball boys</div>
                    <div class="upcoming-right-w3">Yarsity  vs Riverdate Country School</div>
                </li>

                <li>
                    <div class="upcoming-right-w1">Decenber.20,2016</div>
                    <div class="upcoming-right-w2">Basketball boys</div>
                    <div class="upcoming-right-w3">Yarsity  vs Riverdate Country School</div>
                </li>


                <li>
                    <div class="upcoming-right-w1">Decenber.20,2016</div>
                    <div class="upcoming-right-w2">Basketball boys</div>
                    <div class="upcoming-right-w3">Yarsity  vs Riverdate Country School</div>
                </li>


                <li>
                    <div class="upcoming-right-w1">Decenber.20,2016</div>
                    <div class="upcoming-right-w2">Basketball boys</div>
                    <div class="upcoming-right-w3">Yarsity  vs Riverdate Country School</div>
                </li>

                <li>
                    <div class="upcoming-right-w1">Decenber.20,2016</div>
                    <div class="upcoming-right-w2">Basketball boys</div>
                    <div class="upcoming-right-w3">Yarsity  vs Riverdate Country School</div>
                </li>

                <li>
                    <div class="upcoming-right-w1">Decenber.20,2016</div>
                    <div class="upcoming-right-w2">Basketball boys</div>
                    <div class="upcoming-right-w3">Yarsity  vs Riverdate Country School</div>
                </li>

                <li>
                    <div class="upcoming-right-w1">Decenber.20,2016</div>
                    <div class="upcoming-right-w2">Basketball boys</div>
                    <div class="upcoming-right-w3">Yarsity  vs Riverdate Country School</div>
                </li>

                <li>
                    <div class="upcoming-right-w1">Decenber.20,2016</div>
                    <div class="upcoming-right-w2">Basketball boys</div>
                    <div class="upcoming-right-w3">Yarsity  vs Riverdate Country School</div>
                </li>

                <li>
                    <div class="upcoming-right-w1">Decenber.20,2016</div>
                    <div class="upcoming-right-w2">Basketball boys</div>
                    <div class="upcoming-right-w3">Yarsity  vs Riverdate Country School</div>
                </li>

                <li>
                    <div class="upcoming-right-w1">Decenber.20,2016</div>
                    <div class="upcoming-right-w2">Basketball boys</div>
                    <div class="upcoming-right-w3">Yarsity  vs Riverdate Country School</div>
                </li>
                <li>
                    <div class="upcoming-right-w1">Decenber.20,2016</div>
                    <div class="upcoming-right-w2">Basketball boys</div>
                    <div class="upcoming-right-w3">Yarsity  vs Riverdate Country School</div>
                </li>
                <li>
                    <div class="upcoming-right-w1">Decenber.20,2016</div>
                    <div class="upcoming-right-w2">Basketball boys</div>
                    <div class="upcoming-right-w3">Yarsity  vs Riverdate Country School</div>
                </li>
                <li>
                    <div class="upcoming-right-w1">Decenber.20,2016</div>
                    <div class="upcoming-right-w2">Basketball boys</div>
                    <div class="upcoming-right-w3">Yarsity  vs Riverdate Country School</div>
                </li>
            </ul>
        </div>
    </div>
@endsection
